<apes-header>
  <apes-button-list class="buttonList" [ctx]="ctx" [buttonBarMetadata]="buttonBar"
                    (click)="onEvent($event)"></apes-button-list>
</apes-header>

<apes-content class="big-box">
  <apes-card [apesBordered]="false">
    <div class="boxShow" apes-row apesGutter="24" apesSpan="16" [ngStyle]="{ display: hidn }">

      <div apes-col apesSpan="8">
        <span>门店接车时间</span>
        <div class="boxDiv">
          <apes-range-picker [(ngModel)]='mdjcTime' [apesFormat]="'yyyy-MM-dd'"></apes-range-picker>
        </div>
      </div>

      <div apes-col apesSpan="8">
        <span>门店名称</span>
        <ng-select style="width: 210px; display: inline-block;"
                   clearAllText
                   [items]="arrNXMD"
                   bindLabel="MDMC"
                   bindValue="MDID"
                   [placeholder]="'选填'" [notFoundText]="'无法找到'" typeToSearchText [(ngModel)]="ngNXMD">
        </ng-select>
      </div>

      <div apes-col apesSpan="8">
        <span>负责人名称</span>
        <ng-select style="width: 210px; display: inline-block;"
                   clearAllText
                   [items]="arrYGMD"
                   bindLabel="YGMC"
                   bindValue="YGID"
                   [placeholder]="'选填'" [notFoundText]="'无法找到'" typeToSearchText [(ngModel)]="ngYGMD">
        </ng-select>
      </div>

      <div apes-col apesSpan="8">
        <span>公司：</span>
        <ng-select style="width: 240px; display: inline-block;"
                   typeToSearchText
                   [items]="companyData"
                   multiple="true"
                   bindLabel="name"
                   bindValue="id"
                   placeholder="选填，可多选"
                   [(ngModel)]="companyList"
                   [notFoundText]="'无法找到'">
        </ng-select>
      </div>
    </div>
    <div>
      <ag-grid-angular #grid
                       style="width: 100%; margin-bottom: 10px;" [ngStyle]="{ height: height }" class="ag-theme-balham"
                       enableColResize="true"
                       enableSorting="true"
                       enableFilter="true"

                       suppressLoadingOverlay="true"

                       [rowData]="rowData"
                       [gridOptions]="gridOptions"
                       [columnDefs]="columnDefs"
                       [pinnedBottomRowData]="pinnedBottomRowData">
      </ag-grid-angular>
    </div>
  </apes-card>
</apes-content>
